<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>我的</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="../mui/css/mui.min.css"/>
    <link rel="stylesheet" href="../css/mine.css" />
    <script src="../mui/js/mui.min.js"></script>
</head>
<body>
    <header class="mui-bar mui-bar-nav">
        <h1 class="mui-title">我的</h1>
    </header>
    <!--<nav class="mui-bar  mui-bar-tab">-->
        <!--<a class="mui-tab-item" href="/oauth/index">-->
            <!--<span class="mui-icon mui-icon-home"></span>-->
            <!--<span class="mui-tab-label">首页</span>-->
        <!--</a>-->
        <!--<a class="mui-tab-item" href="/oauth/extension">-->
            <!--<span class="mui-icon mui-icon-paperplane"></span>-->
            <!--<span class="mui-tab-label">推广</span>-->
        <!--</a>-->
        <!--<a class="mui-tab-item" href="/oauth/member">-->
            <!--<span class="mui-icon mui-icon-contact"></span>-->
            <!--<span class="mui-tab-label">会员</span>-->
        <!--</a>-->
        <!--<a class="mui-tab-item" href="javascript:;">-->
            <!--<span class="mui-icon mui-icon-gear"></span>-->
            <!--<span class="mui-tab-label">我的</span>-->
        <!--</a>-->
    <!--</nav>-->
    <div class="mui-content">
        <div class="mui-row mui-text-center basicInfo">
            <!--<img src="../images/logo.png" alt="">-->
            <img  th:src="${user.avatar}" />
            <div>
                <!--<span th:text="${user}"></span>-->
                <span th:text="${user.nickname}"></span>
                <span th:if="${user.member== true}" class="mui-badge mui-badge-success">会员</span>
            </div>
        </div>
        <ul class="mui-table-view lists">
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="/mine/editAccountInfo">会员信息</a>
            </li>
            <li class="mui-table-view-cell">
                手机号
                <span class="mui-badge mui-badge-inverted" th:text="${user.mobile}" ></span>
            </li>
            <li class="mui-table-view-cell">
                我的领酒码
                <span class="mui-badge mui-badge-inverted" th:text="${user.wineCode}" ></span>
            </li>
            <!--<li class="mui-table-view-cell">-->
                <!--<a class="mui-navigate-right" href="/mine/myStore">我的库存</a>-->
            <!--</li>-->
            <!--<li class="mui-table-view-cell">-->
                <!--<a class="mui-navigate-right">我的钱包</a>-->
            <!--</li>-->


            <li class="mui-table-view-cell mui-media">
                <div class="mui-row">
            <div class="mui-col-sm-6 " style="margin-left: 15%; width: 30%;">
                    <div style="text-align: center;padding-top:5px;">
                        <img src="../images/redwine.png"/>
                    </div>
                    <div style="text-align: center;font-size: 15px;">
                        会员酒库存
                    </div>
                    <div style="text-align: center;padding-top: 10px;">
                        <span class="mui-ellipsis" style="font-size: 15px;"><span th:text="${user.surplusCount}" id="monthNum"></span>瓶</span>
                    </div>
                </div>
                    <div class="mui-col-sm-6" style="margin-left: 15%;width: 30%;">
                        <div style="text-align: center;padding-top: 5px;">
                            <img src="../images/redwine.png"/>
                        </div>
                        <div style="text-align: center;font-size: 15px;">
                            推广酒库存
                        </div>
                        <div style="text-align: center;padding-top: 10px;">
                            <span class="mui-ellipsis" style="font-size: 15px;"><span th:text="${user.extensionCount}" id="monthNum"></span>瓶</span>
                        </div>
                    </div>
            </div>
            </li>

            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="/mine/contact">我的人脉</a>
            </li>
            <li class="mui-table-view-cell">
                <a class="mui-navigate-right" href="/mine/drawWine">领酒记录</a>
            </li>
        </ul>
    </div>
</body>
</html>